<template>
	<div class="special-course">
		<img v-lazy="require('@/assets/images/index/special/course-step1.jpg')" />
		<img v-lazy="require('@/assets/images/index/special/course-step2.jpg')" />
		<img v-lazy="require('@/assets/images/index/special/course-step3.jpg')" />
		<img v-lazy="require('@/assets/images/index/special/course-step4.jpg')" />
	</div>
</template>

<script>
export default {
	name: 'special-course',
	created() {
		if (document.documentElement.scrollTop > 0) {
			document.documentElement.scrollTop = 0;
		}
		if (document.body.scrollTop > 0) {
			document.body.scrollTop = 0;
		}
	},
	activated() {
		if (document.documentElement.scrollTop > 0) {
			document.documentElement.scrollTop = 0;
		}
		if (document.body.scrollTop > 0) {
			document.body.scrollTop = 0;
		}
	}
};
</script>

<style lang="scss" scoped>
.special-course {
	img {
		width: 100%;
		display: block;
	}
}
</style>
